<template>
  <div class="ball">
    <BallView />
  </div>
  <div class="card" style="width:25rem;height:auto;opacity:0.7;background-color: thistle">
    <div class="card-body">
      <LoginServer />
    </div>
  </div>
</template>

<script>
import "bootstrap/dist/css/bootstrap.min.css"
import "bootstrap/dist/js/bootstrap"
import LoginServer from "@/components/LoginServer.vue"
import BallView from '@/components/BallView'

export default {
  name: "LoginView",
  components: {
    BallView,
    LoginServer,
  },
}
</script>

<style scoped>
.card {
  margin-left: 30cm;
}

.ball {
  margin-top: 350px;
  margin-left: 200px;
}
</style>